<template>
	<div>
		<el-card class="mb-4" shadow="never">
			<div class="text-xl font-medium mb-[20px]">视频组件</div>
            <el-input v-model="state.value" class="mb-4" placeholder="请输入视频链接"></el-input>
			<videoPlayer v-if="state.value" :src="state.value" />
		</el-card>
	</div>
</template>

<script setup lang="ts" name="compVideoPlayer">
import { reactive } from 'vue';

const state = reactive({
	value: ''
});

</script>